---
title: Начало работы
description: Руководства, ресурсы и справочники по API, которые помогут вам разрабатывать с использованием Astro — веб-фреймворка для контент-ориентированных сайтов.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
banner:
  content: |
    Astro v5 уже здесь! <a href="/ru/guides/upgrade-to/v5/">Узнайте, как обновить ваш сайт</a>
hero:
  title: Документация Astro
  tagline: Руководства, ресурсы и справочники по API, которые помогут вам разрабатывать с использованием Astro.
  actions:
    - text: Начать
      icon: rocket
      link: /ru/install-and-setup/
    - text: Узнать о возможностях Astro
      icon: right-arrow
      variant: minimal
      link: /ru/concepts/why-astro/
  facepile:
    tagline: Работает на Astro и благодаря нашим open-source контрибьюторам.
    linkText: Присоединяйтесь к нам!
    link: /ru/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="Что вы построите с Astro?" icon="laptop">
    Исследуйте [стартовые темы Astro](https://astro.build/themes/) для блогов, портфолио, документации, лендингов, SaaS, маркетинга, интернет-магазинов и многого другого!
  </Card>

  <Card title="Пройдите обучение" icon="star">
    Пройдите вводный курс [по созданию блога](/ru/tutorial/0-introduction/), чтобы изучить основы и создать свой первый сайт на Astro.
  </Card>
  
  <SplitCard title="Начните новый проект" icon="rocket">
    ```sh
    # создайте новый проект с помощью npm
    npm create astro@latest
    ```
    
    В нашем [руководстве по установке](/ru/install-and-setup/) есть пошаговые инструкции по установке Astro с помощью мастера CLI, созданию нового проекта из существующего репозитория Astro на GitHub, а также по установке Astro вручную.
  </SplitCard>

  <ListCard title="Изучите основы" icon="open-book">
    - [Основные функции Astro](/ru/concepts/why-astro/)
    - [Архитектура островков](/ru/concepts/islands/)
    - [Компоненты Astro](/ru/basics/astro-components/)
    - [Синтаксис шаблонов Astro](/ru/reference/astro-syntax/)
  </ListCard>

  <ListCard title="Расширьте свои знания" icon="puzzle">
    - [Добавление интеграций, таких как React и Partytown](/ru/guides/integrations-guide/)
    - [Создание типобезопасных коллекций контента](/ru/guides/content-collections/)
    - [Улучшение навигации с помощью анимации переходов](/ru/guides/view-transitions/)
    - [Подключение headless CMS к вашему проекту](/ru/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="У вас есть вопрос или вы хотите принять участие?" cta="Присоединяйтесь к нашему Discord"/>
